<template>
  <div
    class="flex items-center justify-center flex-col gap-24px min-h-520px w-full min-h-full overflow-hidden flex-grow transition-300"
  >
    <div class="flex text-[400px] text-primary mb-4">
      <icon-local-not-found />
    </div>

    <Button @click="goHome">Back Home</Button>
  </div>
</template>

<script setup lang="ts">
import { Button } from "@/components/ui/button";
import { useRouter } from "vue-router";

const router = useRouter();

const goHome = () => {
  router.push("/");
};
</script>

<style scoped></style>
